<template>
	<div>
		<swiper>
			<swiper-item v-for="(item,index) in banners" :key="index">
				<a :href="item.link">
					<img :src="item.image" alt="">
				</a>				
			</swiper-item>
		</swiper>
	</div>
</template>

<script>
import {Swiper,SwiperItem} from 'components/common/swiper';

export default {

  name: 'HomeSwiper',
  props:{
  	banners:{
  		type:Array,
  		default(){
  			return []
  		}
  	}
  },
  components:{
  	Swiper,
  	SwiperItem
  },
  data () {
    return {

    }
  }
};
</script>

<style lang="css" scoped>
</style>